<template>
    <div class="div_card">
       	<Card :bordered="false" class="con_card" >
       		<div class="search_card_contain">
       			<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >关键字/ID：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="keyword" placeholder="请输入" :maxlength="15"></i-input>
  						<Checkbox v-model="keyword_name">含任一关键字</Checkbox>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >居住地：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="city_name" placeholder="请选择" :maxlength="15"></i-input>
  						<Checkbox v-model="work_city">含期望工作地</Checkbox>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >职能：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="adress_name" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >行业：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="industy_name" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >工作年限：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
					    <DatePicker type="date" placeholder="选择时间" style="width: 300px"></DatePicker>
					    <DatePicker type="date" placeholder="选择时间" style="width: 300px;position: relative;left: -40px;"></DatePicker>
					    <Checkbox v-model="experience" style="position: relative;left: -160px;">海外经验</Checkbox>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >学历：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="sty" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)">
					        <Option v-for="item in Edu" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >年龄：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="old_age" placeholder="请选择" :maxlength="2" style="width: 29%;"></i-input>-
  						<i-input type="text" v-model="new_age" placeholder="请选择" :maxlength="2" style="width: 30%;"></i-input>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >最近公司：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="recent_company" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >期望工作地：</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="desired_place_of_work" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				<Checkbox v-model="condition" @on-change="ConciseClick" style="font-size: 16px;margin-top: 15px;">精简搜索条件</Checkbox>
       		</div>
       		
       		<div class="search_card_contain" v-show="concise">
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >薪资：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<RadioGroup v-model="sex">
					        <Radio label="不限"></Radio>
					        <Radio label="男"></Radio>
					        <Radio label="女"></Radio>
					    </RadioGroup>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >期望薪资：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="type" class="sselect" placeholder="请选择" @on-change="changeTime(lable)"  style="width: 29%;">
					        <Option v-for="item in Ctype" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  						<Select v-model="money" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 30%;">
					        <Option v-for="item in Scale" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >目前薪资：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="type" class="sselect" placeholder="请选择" @on-change="changeTime(lable)"  style="width: 29%;">
					        <Option v-for="item in Ctype" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  						<Select v-model="money" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 30%;">
					        <Option v-for="item in Scale" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >专业：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="major" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >户口：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<i-input type="text" v-model="major" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >语言：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="spake" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)">
					        <Option v-for="item in Language" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >语言等级：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="spake" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)">
					        <Option v-for="item in Grade" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >简历更新：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="year" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)">
					        <Option v-for="item in Years" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				
  				<div class="search_oneidentity ">
  					<div style="width: 10%;">
  						<span class="search_one_spanidentity" >求职状态：&nbsp;</span>
  					</div>
  					<div class="search_oneidentity_div">
  						<Select v-model="statu" class="sselect" placeholder="请选择" @on-change="changeMoney(lable)">
					        <Option v-for="item in Status" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
       		</div>
       		<div class="search_foot">
  					<i-button type="primary" style="width: 120px;" @click="SearchClick">搜索简历</i-button>
  					<i-button type="primary" style="width: 120px;" @click="TemplateClick">保存为职位模板</i-button>
  				</div>
       	</Card>	
   </div>
</template>

<script>
export default {
    	name: 'Condition',
        data () {
            return {
            	conditionshow:false,
            	condition:false,
            	concise:false,
            	desired_place_of_work:"",
            	recent_company:"",
            	sex:"不限",
            	major:"",
            	experience:"",
            	spake:"",
            	old_age:"",
            	new_age:"",
            	surplus:"022",
            	money:"",
            	type:"",
            	sty:"",
            	keyword:"",
            	keyword_name:"",
            	work_city:"",
            	city_name:"",
            	adress_name:"",
            	industy_name:"",
            	year:"半年",
            	Years:[
            	    {
                        value: '半年',
                        label: '半年'
                    },
                    {
                        value: '一年',
                        label: '一年'
                    }
            	],
            	Ctype:[
            	{
                        value: '小时',
                        label: '小时'
                    },
                    {
                        value: '天',
                        label: '天'
                    },
                    {
                        value: '月',
                        label: '月'
                    },
                    {
                        value: '年',
                        label: '年'
                    }
            	],
            	Scale: [
                    {
                        value: '1-49',
                        label: '1-49'
                    },
                    {
                        value: '50-99',
                        label: '50-99'
                    },
                    {
                        value: '100-499',
                        label: '100-499'
                    },
                    {
                        value: '500-999',
                        label: '500-999'
                    },
                    {
                        value: '1000-2000',
                        label: '1000-2000'
                    },
                    {
                        value: '2000-5000',
                        label: '2000-5000'
                    },
                    {
                        value: '5000-10000',
                        label: '5000-10000'
                    },{
                        value: '1W以上',
                        label: '1W以上'
                    }
                ],
                Edu: [
                    {
                        value: '大专以下',
                        label: '大专以下'
                    },
                    {
                        value: '大专',
                        label: '大专'
                    },
                    {
                        value: '本科',
                        label: '本科'
                    },
                    {
                        value: '硕士',
                        label: '硕士'
                    },
                    {
                        value: '博士',
                        label: '博士'
                    }
                ],
                Language: [
                    {
                        value: '英文',
                        label: '英文'
                    },
                    {
                        value: '德语',
                        label: '德语'
                    }
                ],
                Grade:[
                    {
                        value: '八级',
                        label: '八级'
                    },
                    {
                        value: '六级',
                        label: '六级'
                    },
                    {
                        value: '四级',
                        label: '四级'
                    },
                    {
                        value: '一般',
                        label: '一般'
                    }
                ],
                statu:"在职",
                Status:[
                    {
                        value: '在职',
                        label: '在职'
                    },
                    {
                        value: '已辞职',
                        label: '已辞职'
                    }
                ]
            }
        },
        methods: {
        	EditClick(){
        		this.modal1 = true;
        	},
        	SearchClick(){
        		this.conditionshow = false
        		this.$emit('condiShow', this.conditionshow)
        	},
			TemplateClick(){
				
			},
			ConciseClick(){
				if(this.condition == true){
					this.concise = true
				}else{
					this.concise = false
				}
			}
        }
    }
</script>

<style>
	.searchSelect{
		background: #2D8CF0;
	    display: inline-block;
	    padding: 2px 4px;
	    color: #FFFFFF;
	    cursor: pointer;
	    text-align: center;
	    border-radius: 3px;
	    font-size: 14px;
	    margin-right: 10px;
	    height: 32px;
    	line-height: 28px;
	}

	.div_card{
		width: 1000px;
		margin-top: 10px;
		border-top: 2px;
	}
	.search_card_contain{
		padding: 10px 20px;
	}
	.search_oneidentity{
		height: 45px;
		display: flex;
		line-height: 45px;
		width: 100%;
	}
	.search_oneidentity_div{
		width: 80%;
	}
	.search_oneidentity_div .ivu-input-wrapper{
		width: 60%;
	}
	.sselect{
		width: 60%;
	}
	.search_identity{
		margin-top: 60px;
	}
	.search_one_spanidentity{
		font-size: 15px;
		position: relative;
	}
	.less_num{
		position: relative;
	    height: 20px;
	    line-height: 20px;
	    float: right;
	}
	.search_foot{
		width: 100%;
		border-top: 1px solid #CCCCCC;
		margin-top: 25px;
		text-align: center;
		padding-top: 25px;
	}
	.con_card{
		border-top: 4px solid #2DB7F5;
	}
</style>